<style>
    .process-index-th {
        text-align: center;
        color: #676767;
    }

    .process-index-td {
        text-align: center;
        color: #676767;
    }



    .title_label {
        color: #595959;
        margin-top: 10%;
        font-size: 15px;
    }

    .ico_img {
        width: 85px;
        height: 80px;
        margin-top: -20px;
    }


    .time{
        display: inline-block;
        position: relative;
        margin: 0px;
        padding: 0px;
        font-size: 16px;
    }
    .time::before {
        content: '';
        position: absolute;
        top: 110px;
        left: 0;
        height: 4px;
        width: 100%;
        margin: 0;
        padding: 0;
        background: #ddd;
        z-index: -1;
    }
    .time::after{
        content: "";
        display: block;
        clear: both;
    }



    .time2{
        display: inline-block;
        position: relative;
        /*margin-left: 10px;*/
        padding: 0px;
        font-size: 13px;
        margin-bottom: 35px;
    }
    .time2::before {
        content: '';
        position: absolute;
        top: 0px;
        left: 0;
        height: 4px;
        width: 100%;
        margin: 0;
        padding: 0;
        background: #ddd;
        z-index: -1;
    }
    .time2::after{
        content: "";
        display: block;
        clear: both;
    }

    .a_tm_info {
        position: relative;
        font-size:14px;
    }
    .a_tm_info::before {
        content: '';
        position: absolute;
        top: 0;
        left: 135px;
        height: 100%;
        width: 4px;
        background: #ddd;
        z-index: -1;
    }
    .a_tm_info::after{
        content: '';
        display: table;
        clear: both;
    }
    .l_left{
        float: left;
    }
    .l_left p{
        margin: 0;
        padding: 0;
        text-align: right;
    }
    .l_left>div{
        width: 110px;
    }
    .l_right p:first-child{
        font: 16px '微软雅黑';
    }
    .l_green1{
        font-size: 12px;
        color: rgb(87, 188, 52);
    }
    .l_center{
        width: 55px;
        float: left;
        text-align: center;
    }
    .l_center>i{
        background-color: white;
    }
    .l_right{
        float: left;
    }
    .l_green1{
        font-size: 12px;
        color: rgb(87, 188, 52);
    }
    .l_orange1{
        font-size: 12px;
        color: rgb(255, 144, 16);
    }
    .l_gray1{
        font-size: 12px;
        color: rgb(181, 181, 181);
    }
    .l_quickInformation{
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 200px;
        cursor: pointer;
    }
    .l_content_box{
        width: 400px;
        margin: 0 auto;
    }
    /*竖排文字*/
    .l_top{
        width: 20px;
    }
    .l_shuzhe{
        height:200px;
        -webkit-writing-mode: vertical-lr;
        writing-mode: vertical-lr;
        /*font-size:16px;*/
    }

    .l_shuzhe_shang{
        direction:rtl;
        unicode-bidi:bidi-override;
        width: 22px;
        height: 100px;
    }

    .l_shuzhe_xia{
        /*direction:rtl;
        text-align: left;*/

    }
    .l_heng_shang{
        /*height: 90px;*/
        text-align: start;
    }
    .l_heng_xia{
        position: absolute;
        top: 125px;
        left: 0;
    }
    .time span{
        display: inline-block;
    }
    .time2::before {
        content: '';
        position: absolute;
        top: 0px;
        left: 0;
        height: 4px;
        width: 100%;
        margin: 0;
        padding: 0;
        background: #ddd;
        z-index: 1;
    }
    .time2::after{
        content: "";
        display: block;
        clear: both;
    }

    .l_heng_shang p:nth-child(2){
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        cursor: pointer;
    }
    .l_center_shu{
        position: absolute;
        top: 101px;
        left: 5px;
        z-index: 1;
    }
    .l_adress{
        margin-top: 20px;
        width: 81px;
        white-space: nowrap;
        padding-left: 10px;
    }
    .heng_i{
        position: absolute;
        top: -8px;
        left: 42px;
        background-color: white;
        z-index: 2;
    }

</style>
<div class="modal fade" id="task_flowModal" >
    <div class="modal-dialog">
        <form action="#" method="post" enctype="multipart/form-data" onsubmit="return false">
            {{ csrf_field() }}
            <div class="modal-content" style="width: 1000px">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span></button>
                    <h3 class="modal-title" style="text-align: center">查看进度</h3>
                </div>
                <div class="modal-body">
<div class="row" >
    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" id="task_progress">
        {{--<div class="l_content_box">--}}
            {{--<div class="a_tm_info" >--}}
                {{--<div class="l_left">--}}
                    {{--<div>--}}
                        {{--<p class="l_green">2017.09.13</p>--}}
                        {{--<p class="l_green">17:56</p>--}}
                    {{--</div>--}}
                {{--</div>--}}
                {{--<div class="l_center l_green" >--}}
                    {{--<i class="fa fa-check-circle fa-2x"></i>--}}
                {{--</div>--}}
                {{--<div class="l_right" style="">--}}
                    {{--<div>--}}
                        {{--<p class="l_green">已签收</p>--}}
                        {{--<p class="l_green l_quickInformation" title="快件在【上海静安】被签收，签收人是本人">快件在【上海静安】被签收，签收人是本人</p>--}}
                    {{--</div>--}}
                {{--</div>--}}
            {{--</div>--}}
        {{--</div>--}}
        {{--<div class="l_content_box">--}}
            {{--<div class="a_tm_info" >--}}
                {{--<div class="l_left">--}}
                    {{--<div>--}}
                        {{--<p class="l_orange">2017.09.13</p>--}}
                        {{--<p class="l_orange">17:56</p>--}}
                    {{--</div>--}}
                {{--</div>--}}
                {{--<div class="l_center l_orange" >--}}
                    {{--<i class="fa fa-check-circle fa-2x"></i>--}}
                {{--</div>--}}
                {{--<div class="l_right" style="">--}}
                    {{--<div>--}}
                        {{--<p class="l_orange">派送中</p>--}}
                        {{--<p class="l_orange l_quickInformation" title="快件正在派送，服务网点配送员" >快件正在派送，服务网点配送员</p>--}}
                    {{--</div>--}}
                {{--</div>--}}
            {{--</div>--}}
        {{--</div>--}}
        {{--<div class="l_content_box">--}}
            {{--<div class="a_tm_info" >--}}
                {{--<div class="l_left">--}}
                    {{--<div>--}}
                        {{--<p class="l_gray">2017.09.13</p>--}}
                        {{--<p class="l_gray">17:56</p>--}}
                    {{--</div>--}}
                {{--</div>--}}
                {{--<div class="l_center l_gray" >--}}
                    {{--<i class="fa fa-check-circle fa-2x"></i>--}}
                {{--</div>--}}
                {{--<div class="l_right" style="">--}}
                    {{--<div>--}}
                        {{--<p class="l_gray">运输中</p>--}}
                        {{--<p class="l_gray l_quickInformation" title="快件到达【上海静安】" >快件到达【上海静安】</p>--}}
                    {{--</div>--}}
                {{--</div>--}}
            {{--</div>--}}
        {{--</div>--}}
    </div>
</div>
                </div>
            </div>
        </form>
    </div>
</div>

